<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: hnjy
  Date: 2025/2/21
  Time: 10:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            height: 60px;
            background-color: #A7BDBE;
            display: flex;
            align-items: center;
        }

        .content {
            width: 70%;
            margin: 0 auto;
            color: white;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .content-pic {
            width: 70%;
            margin: 0 auto;
            margin-top: 40px;

            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .pic{
            height: 100px;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
        }
    </style>
</head>
<body>
<div class="header">
    <div class="content">
        <span>主页</span>
        <span>宠物知识</span>
        <span>领养中心</span>
        <span>团队活动</span>
        <span>论坛</span>
        <span>团队显示</span>
        <span>领养记录</span>
        <span>放弃领养</span>
        <img src="/statics/images/home.png"/>
        <span>退出</span>
    </div>
</div>

<div style=" margin-top:50px;text-align: center ">
    <h1>领养中心</h1>
</div>

<div class="content-pic">
    <c:forEach items="${userList}">

    <div class="pic">
        <img src="/statics/images/home.png"/>
        <h5>Kitty</h5>
        <p style="color: #ccc">kittys是一名害羞的猫</p>
    </div>

        <div class="pic">
            <img src="/statics/images/home.png"/>
            <h5>Kitty</h5>
            <p style="color: #ccc">kittys是一名害羞的猫</p>
        </div>

    </c:forEach>



</div>
</body>
</html>
